<template>
  <div class="sale-wrap">
    <common-back :content="title"></common-back>
    <div class="container">
      <div class="title">售后原因</div>
      <div class="text-wrap">
        <textarea class="textarea"></textarea>
      </div>
    </div>
    <common-button :content="content"
                   @submit="handleSumit"></common-button>
  </div>
</template>
<script>
import CommonBack from 'common/headerBack/back'
import CommonButton from 'common/button/button'
export default {
  name: 'afterSale',
  components: {
    CommonBack,
    CommonButton
  },
  data () {
    return {
      title: '申请售后',
      content: '提交'
    }
  },
  methods: {
    handleSumit () {
      console.log(1)
    }
  }
}
</script>
<style lang="stylus" scoped>
@import '~stylus/variable.styl'
@import '~stylus/mixins.styl'

.sale-wrap
  initPosition()
  background-color $common_bgc
  padding-top 88px

  .container
    .title
      text-indent 22px
      font-size $shop_name
      line-height 92px
      margin-bottom 10px
      font-weight 400
      color $footer_bgc

    .text-wrap
      width 100%
      padding()

      .textarea
        width 100%
        height 307px
        background-color $space
        padding()
        padding-top 26px
        padding-bottom 26px
        font-size $shop_name
        line-height 40px
        font-weight 400
        color $footer_bgc
        resize none
        border none
</style>
